<template>
	<swiper class="banner">
		<swiper-item v-for="i,index in bannerList" @click="nav(i)">
			<!-- <navigator class="img" :url="i.link"> -->
				<divimg class="img" :src="i.image" :mode="imageMode"></divimg>
			<!-- </navigator> -->
		</swiper-item>
	</swiper>
</template>

<script>
	export default {
		name:"banner",
		props:{
			bannerList:{
				type:Array,
				default:()=>[]
			}
		},
		data() {
			return {
				
			};
		},
		methods:{
			nav(item){
				window.location.href=item.link
			}
		}
	}
</script>

<style lang="scss" scoped>
.banner{
	width: 750rpx;
	height: 350rpx;
	.img{
		width: 100%;
		height:100%;
	}
}
</style>